<template>
	<view class="container">
		<carHeader :title="'团购详情'"></carHeader>
		<view class="content1">
			<view class="t1">{{form1.yhtgTitle}}</view>
			<view style="color:rgb(181,181,181);">{{form1.yhtgPublisher}}</view>
			<view class="t2">2023/3/10  11:09</view>
			<image :src="form1.yhtgImg" mode="widthFix"></image>
			<view style="text-align: justify;">{{form1.yhtgContent}}</view>
		</view>
		<view class="content2">
			<view class="t1">{{form1.presentPrice}}</view>
			<view class="t2" style="">{{form1.originalPrice}}</view>
			<view class="t3">活动起止日期: {{form1.yhtgFabuTime}}至{{form1.yhtgEndTime}}</view>
			<view class="t3">咨询电话: {{form1.yhtgTelephone}}</view>
			<view class="t3">注意事项:{{form1.yhtgNote}}</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
				form1:{},
				
				
			};
		},
		onLoad: function(option) {
		 	console.log(option)
		 	const obj = JSON.parse(decodeURIComponent(option.data));
		 	console.log(obj);
			this.form1=obj;
			console.log(this.form1);
		
		},
	}
</script>

<style lang="scss">
	.content1{
		background-color: white;
		margin: 20rpx;
		position: relative;
		top:-220rpx;
		padding: 30rpx;
		border-radius: 20rpx;
		.t1{
			text-align: center;
			font-size: 40rpx;
			margin-bottom: 20rpx;
			font-weight: bold;
		}
		.t2{
			position: relative;
			left: 420rpx;
			top:-40rpx;
			color:rgb(181,181,181);
		}
		image{
			width: 650rpx;
			border-radius: 10rpx;
		}
	}
	.content2{
		// height: 300rpx;
		background-color: white;
		position: relative;
		top: -200rpx;
		margin: 20rpx;
		padding: 30rpx;
		border-radius: 20rpx;
		.t1{
			color: rgb(255,112,73);
			font-size: 40rpx;
		}
		.t2{
			text-decoration-line: line-through;
			color: rgb(181,181,181);
			position: relative;
			left: 300rpx;
			font-size: 20rpx;
			top:-34rpx;
		}
		.t3{
			font-size: 26rpx;
		}
	}
</style>
